function car(){
	class Car{
<<<<<<< HEAD
			constructor() {
				this.tBody = document.querySelector("tbody");
				// console.log(this)//指向car
			}
			getData(){
				// 1.立即获取数据
				if(localStorage.getItem("goodsMsg")){
					this.gm = JSON.parse(localStorage.getItem("goodsMsg"));
				}else{
					var gm = [];
				}
				// 2.渲染页面(在页面中展现内容)
				// console.log(gm);
				this.display();
			}
			display(){
				var str = "";
				// 注意：给将来要添加事件的标签添加独立的标志
				// 注意：记得将每个商品的编号拼接上去，方便将来删除或修改时找到对应的商品
				 for(var i=0;i<this.gm.length;i++){
				 str += `<tr index="${this.gm[i].goodsId}">
					<td><img src="${this.gm[i].msg.img.largeImg[0]}" alt=""></td>
					<td>${this.gm[i].msg.describe}</td>				
					<td>${this.gm[i].msg.price}</td>
					<td><input type="number" min="1" value="${this.gm[i].num}" class="number"></td>
					<td>${ this.gm[i].msg.price * this.gm[i].num }</td>
					<td class="delete"style="width:50px;text-align:center">删除</td>
			   </tr>`;
				}
			this.tBody.innerHTML = str;
			}
			addEvent(){
				var that = this;
				// 3.利用事件委托绑定事件
				this.tBody.onclick = function(eve){
				var e = eve || window.event;
					var tar = e.target || e.srcElement;
					if(tar.className ==="delete"){
						// 4.先获取当前点击删除按钮的商品的id
						that.id = tar.parentNode.getAttribute("index");
						// 5.删除DOM元素
						tar.parentNode.remove();
						// 6.删除本地存储中的数据
						that.changeData(function(i){
							that.gm.splice(i,1);
						});
					}
				}
				// 7.通过事件委托绑定修改数量的事件：注意事件类型，的触发行为
				this.tBody.oninput = function(eve){
					var e = eve || window.event;
					var tar = e.target || e.srcElement;
					if(tar.className === "number"){
						// 8.获取要修改数量的商品的id
						that.id = tar.parentNode.parentNode.getAttribute("index");
						// 9.执行修改本地存储中的数据的功能
						that.changeData(function(i){
							// 本地存储中的数据等于，input输入框中的值
							that.gm[i].num = tar.value;
						});
						// 10.每次修改数量，实时计算总价
						tar.parentNode.nextElementSibling.innerHTML = tar.value * tar.parentNode.previousElementSibling.innerHTML;
					}
				}
			}
			changeData(cb){
				// 根据点击的商品的id查找本地存储的数据中符合的商品数据
				for(var i = 0;i<this.gm.length;i++){
					if(this.gm[i].goodsId === this.id){
						cb(i);
						break;
					}
				}
				// 删除之后，还要再存回去，否则仅仅是在内存中修改，没有修改本地存储
				localStorage.setItem("goodsMsg",JSON.stringify(this.gm));
			}
		}
		
		var c = new Car();
		c.getData();
		c.addEvent();
}


function cars(){
	class Index{
	        constructor(){
				this.resig = document.querySelector(".resig");
				this.Name = document.getElementById("user")

	            // 对于需要验证是否登录的页面来说，应该立即获取是否登录的信息
	            this.init();
	        }
	        init(){
	            // 获取之后，简单处理数据
	            this.m = sessionStorage.getItem("userMsg");
	            this.m = this.m ? JSON.parse(this.m) : {};
	            // 如果有登录成功后的信息
	            if(this.m.user){
	                // 显示登录的用户名
					this.Name.innerHTML = this.m.user;
					this.resig.style.display = "none";

	            }
	        }
	    }
	    new Index;

=======
				constructor() {
				    this.tBody = document.querySelector("tbody");
					console.log(this)//指向car
					console.log(this.tBody);
				}
				getData(){
					// 1.立即获取数据
					if(localStorage.getItem("goodsMsg")){
						this.gm = JSON.parse(localStorage.getItem("goodsMsg"));
					}else{
						var gm = [];
					}
					// 2.渲染页面(在页面中展现内容)
					// console.log(gm);
					this.display();
				}
				display(){
					var str = "";
					// 注意：给将来要添加事件的标签添加独立的标志
					// 注意：记得将每个商品的编号拼接上去，方便将来删除或修改时找到对应的商品
					 for(var i=0;i<this.gm.length;i++){
					 str += `<tr index="${this.gm[i].goodsId}">
						<td><img src="${this.gm[i].msg.img}" alt=""></td>
						<td>${this.gm[i].msg.name}</td>				
						<td>${this.gm[i].msg.price}</td>
						<td><input type="number" min="1" value="${this.gm[i].num}" class="number"></td>
						<td>${ this.gm[i].msg.price * this.gm[i].num }</td>
						<td class="delete"style="width:50px;text-align:center">删除</td>
				   </tr>`;
					}
				this.tBody.innerHTML = str;
				}
				addEvent(){
					var that = this;
					// 3.利用事件委托绑定事件
					this.tBody.onclick = function(eve){
					var e = eve || window.event;
						var tar = e.target || e.srcElement;
						if(tar.className ==="delete"){
							// 4.先获取当前点击删除按钮的商品的id
							that.id = tar.parentNode.getAttribute("index");
							// 5.删除DOM元素
							tar.parentNode.remove();
							// 6.删除本地存储中的数据
							that.changeData(function(i){
								that.gm.splice(i,1);
							});
						}
					}
					// 7.通过事件委托绑定修改数量的事件：注意事件类型，的触发行为
					this.tBody.oninput = function(eve){
						var e = eve || window.event;
						var tar = e.target || e.srcElement;
						if(tar.className === "number"){
							// 8.获取要修改数量的商品的id
							that.id = tar.parentNode.parentNode.getAttribute("index");
							// 9.执行修改本地存储中的数据的功能
							that.changeData(function(i){
								// 本地存储中的数据等于，input输入框中的值
								that.gm[i].num = tar.value;
							});
							// 10.每次修改数量，实时计算总价
							tar.parentNode.nextElementSibling.innerHTML = tar.value * tar.parentNode.previousElementSibling.innerHTML;
						}
					}
				}
				changeData(cb){
					// 根据点击的商品的id查找本地存储的数据中符合的商品数据
					for(var i = 0;i<this.gm.length;i++){
						if(this.gm[i].goodsId === this.id){
							cb(i);
							break;
						}
					}
					// 删除之后，还要再存回去，否则仅仅是在内存中修改，没有修改本地存储
					localStorage.setItem("goodsMsg",JSON.stringify(this.gm));
				}
			}
			
			var c = new Car();
			c.getData();
			c.addEvent();
>>>>>>> 5d0a21b06dc39f26b412b2b946e3b19ba3adfcec
}